<template>
  <h2>App组件</h2>
  <h2>msg:{{ msg }}</h2>
  <hr />
  <!-- 
    vue3中，给子组件绑定v-model：
      相当于是给子组件绑定了props数据:modelValue 和自定义事件update:modelValue
    子组件使用v-model:count="count"方式传递数据，相当于是给子组件传递了一个props数据 count 和一个自定义事件update:count

   -->
  <A v-model="msg" v-model:count="count"></A>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import A from "./components/A.vue";
const msg = ref("hello");
const count = ref(10);
</script>

<style lang="less" scoped></style>
